多端开发系统

// App.tsx — React Native
import React, { useState } from 'react';
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';

export default function Counter() {
  const [count, setCount] = useState(0);
  return (
    <View style={styles.container}>
      <Text style={styles.label}>Count: {count}</Text>
      <TouchableOpacity onPress={() => setCount(c => c + 1)}>
        <Text>+1</Text>
      </TouchableOpacity>
    </View>
  );
}

const styles = StyleSheet.create({
  container: { flex: 1, justifyContent: 'center', alignItems: 'center' },
  label: { fontSize: 24, marginBottom: 16 },
});

// main.dart — Flutter
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) => const MaterialApp(home: Counter());
}

class Counter extends StatefulWidget {
  const Counter({super.key});
  @override
  State<Counter> createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int _count = 0;
  @override
  Widget build(BuildContext context) => Scaffold(
    body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [
      Text('Count: $_count', style: const TextStyle(fontSize: 24)),
      ElevatedButton(onPressed: () => setState(() => _count++), child: const Text('+1')),
    ]))),
  );
}

// Counter.kt — Compose Multiplatform (shared code for Android/iOS/Desktop)
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.unit.dp

@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }
    Column(
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text("Count: $count", fontSize = 24.sp)
        Button(onClick = { count++ }) {
            Text("+1")
        }
    }
}

// src-tauri/src/main.rs — Tauri Rust 后端
use tauri::command;

#[tauri::command]
fn greet(name: &str) -> String {
    format!("Hello, {}! (from Rust)", name)
}

fn main() {
    tauri::Builder::default()
        .invoke_handler(tauri::generate_handler![greet])
        .run(tauri::generate_context!())
        .expect("error");
}

// src/App.svelte — Tauri 前端
<script>
  import { invoke } from '@tauri-apps/api/core';
  let name = '';
  let msg = '';
  async function greet() { msg = await invoke('greet', { name }); }
</script>

<input bind:value={name} placeholder="Enter name" />
<button on:click={greet}>Greet</button>
<p>{msg}</p>